.trigger-design-box{
    height: 100%;
    position: relative;
    overflow-x: hidden;
    &-range-scale {
        --left: 200px;
        position: fixed;
        bottom: 10px;
        left:  var(--left);
        transform: translateX(-50%);
    }
}
.trigger-main {
    height: calc(100% - 64px);
    padding-top: 40px;
    padding-bottom: 100px;
    overflow-x: auto;
    &::-webkit-scrollbar {
        height: 10px;
    }
}
.main-wrap {
    height: 100%;
    // overflow: auto;
    
    transform-origin: bottom right;
    display: flex;
    &::after {
        content: '';
        display: block;
        flex-basis: 600px;
        flex-shrink: 0; 
        height: 1px;
    }
}